gusucode.com > 248 - 黄色单页 html99精品模板 > 248 - 黄色单页/css/style.css
/*Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ body{ font-family: 'Open Sans', sans-serif; } .header{ padding:2em 0; } .logo{ float:left; } .logo h1{ text-transform:uppercase; font-size:3em; margin:0; } .logo h1 a{ color:#000; } .logo h1 a:hover{ text-decoration:none; } .header-top{ background:#FFA500; } .header-nav{ float: left; } .header-nav ul{ margin:0; padding:0; } .header-nav ul li{ display:inline-block; } .header-nav ul li a{ color:#fff; text-decoration:none; font-size:1.3em; font-family: 'Open Sans', sans-serif; font-weight:700; padding:1.3em 1.4em; display:block; text-transform:uppercase; } .header-nav ul li a:hover{ color:#454545; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .search-box { background: #ffffff; position: relative; float: left; margin: 0.8em 4em 0em; width:30%; } .search-box form input[type="text"] { border: none; outline: none; background: #ffffff; width:90%; padding:1em 0.5em; -webkit-apperance: none; margin: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .search-box form input[type="submit"] { border: none; outline: none; cursor: pointer; background: url(../images/search.png)no-repeat 0px 0px; position:absolute; right:-62px; bottom:-13px; } .box{ float:right; margin-top:1.5em; margin-right:5em; } .box a{ background:#FFA500; color:#FFFFFF; text-decoration:none; font-size:20px; font-weight:600; font-family: 'Open Sans', sans-serif; padding:0.4em 1.5em; text-decoration: none; border: 3px solid #fff; text-transform:uppercase; margin: 1em -2em } .banner{ background:url(../images/banner.jpg) no-repeat 0px 0px; background-size:cover; min-height:600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .banner-info{ text-align: center; margin-top: 11em; } .banner-info h2{ font-size:3em; font-weight:700; color:#fff; font-family: 'Montserrat', sans-serif; } .banner-info p{ font-size:1.6em; font-weight:700; color:#fff; font-family: 'Montserrat', sans-serif; line-height: 1.5em; margin: 2em; } .banner-info a{ background:#FFA500; color:#FFFFFF; text-decoration:none; font-size:23px; font-weight:600; font-family: 'Open Sans', sans-serif; padding:0.5em 1em; display: inline-block; margin-bottom:0.5em; text-decoration: none; text-transform:uppercase; } .banner-info a:hover{ background:#6A0292; color:#ffffff; } .locations{ margin:5em 2em; } .locations-1{ width:24%; float:left; text-align:right; margin-right: 4em; } .locations-2{ width:44%; float:left; text-align: left; } .locations-3{ width:26%; float:left; text-align: left; } .locations-2 h2{ font-size:3em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .locations-2 p{ font-size:2.2em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; } .locations-3 a{ background:#FFA500; color:#FFFFFF; text-decoration:none; font-size:20px; font-weight:600; font-family: 'Open Sans', sans-serif; padding:1em 1em; display: inline-block; margin-bottom:0.5em; text-decoration: none; text-transform:uppercase; margin-top: 1em; } .locations-3 a:hover{ background:#6A0292; color:#ffffff; } .interest{ background:url(../images/banner1.jpg) no-repeat 0px 0px; background-size:cover; min-height:500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } i.love{ width: 80px; height: 80px; background: url(../images/img-sprite.png)no-repeat -63px 1px; display: inline-block; vertical-align: middle; } .interest-info{ text-align: center; margin: 4em 2em; } .interest-info h3{ font-size:3em; font-weight:700; color:#fff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 1em 0em; } select.dropdown { width: 50%; padding: 10px 1px; font-size: 1.7em; font-weight: 600; color: #555555; position:relative; border:#F9C968; outline:none; } input[type="submit"] { padding: 0.5em 2.5em; text-transform: uppercase; color: #FFFFFF; background: #F1A713; font-size: 20px; font-weight: 700; font-family: 'Open Sans', sans-serif; outline: none; border: 3px solid #fff; margin-top: 2em; } input[type="submit"]:hover{ background:#6A0292; color:#ffffff; } /**** Drop Down *********/ /* PREFIXED CSS */ .flat, .flat div, .flat li, .flat div::after, .flat .carat, .flat .carat:after, .flat .selected::after, .flat:after{ /*---webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;--*/ } .flat .selected::after, .flat.scrollable div::after{ -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; } /* WRAPPER */ .dropdown-button:first-child{ margin-left:0; } .dropdown-button{ margin-left:253px; width:53%; } .flat{ position: relative; cursor: pointer; font-weight:600; background:#ffffff; color:green; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .flat.open{ z-index: 2; } .flat:hover, .flat.focus{ color:#666; } /* OLD SELECT (HIDDEN) */ .flat .old{ position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; } .flat select{ position: absolute; left: 0px; top: 0px; } .flat.touch select{ left: 20px; top: 0; width: 100%; height: 100%; opacity: 0; } /* SELECTED FEEDBACK ITEM */ .flat .selected { color:#555555; } .flat .selected:hover{ /*--color:#555;--*/ } .flat .selected, .flat li{ display: block; font-size: 1.8em; padding:0.5em 1em; overflow: hidden; white-space: nowrap; text-align: left; font-weight: 600; } /*--.flat .selected{ background: url(../images/chart.png) no-repeat 15px 14px; }*/ .flat .selected::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; padding:20px 20px; background:url(../images/img-sprite.png) no-repeat -164px 10px; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; } .flat:hover .selected::after, .flat.focus .selected::after{ background:url(../images/img-sprite.png) no-repeat -164px 10px; } /* DROP DOWN WRAPPER */ .flat div{ position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top:1px; background:#6A0292; overflow: hidden; opacity: 0; color: #FFF; } .flat:hover div{ } /* Height is adjusted by JS on open */ .flat.open div{ opacity: 1; z-index: 2; } /* FADE OVERLAY FOR SCROLLING LISTS */ .flat.scrollable div::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; } .flat.scrollable.bottom div::after{ opacity: 0; } /* DROP DOWN LIST */ .flat ul{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding:0; list-style: none; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } .flat.scrollable.open ul{ overflow-y: auto; } /* DROP DOWN LIST ITEMS */ .flat li{ list-style: none; padding: 6px 10px; font-size: 1.3em; font-weight: 400; text-transform: lowercase; } .flat li:last-child { border-bottom: 0; } .flat li:hover{ background:#FFA500; } .life{ margin: 4em 2em; } .life-1{ width:33%; float:left; text-align:right; margin-right: 3em; } .life-2{ width:50%; float:left; text-align: left; } .life-2 h3{ font-size:3em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .life-2 p{ font-size:2.2em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; margin-bottom: 2em; } .life h4{ font-size:2.2em; font-weight:700; color:#7C7C7C; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 1px solid #D4D5D5; padding: 1em 2em; margin:0em; border-bottom: none; } .life h5{ font-size:2.2em; font-weight:700; color:#7C7C7C; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 1px solid #D4D5D5; padding: 1em 3em; text-align:right; margin:0em; } .integer{ margin: 4em 2em; } .integer-1{ width:33%; float:left; text-align:right; margin-right: 3em; } .integer-2{ width:50%; float:left; text-align: left; } .integer-2 h3{ font-size:3em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .integer-2 p{ font-size:2.2em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; margin-bottom: 2em; } .integer h4{ font-size:2.2em; font-weight:700; color:#7C7C7C; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 1px solid #D4D5D5; padding: 1em 2em; margin:0em; border-bottom: none; } .integer h5{ font-size:2.2em; font-weight:700; color:#7C7C7C; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 1px solid #D4D5D5; padding: 1em 3em; text-align:right; margin:0em; } .integer h6{ font-size:2.2em; font-weight:700; color:#7C7C7C; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 1px solid #D4D5D5; padding: 1em 3em; text-align:left; margin:0em; border-bottom: none; border-top: none; } .featured-info{ background:url(../images/banner2.jpg) no-repeat 0px 0px; background-size:cover; min-height:600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .featured h3{ font-size:3em; font-weight:700; color:#ffffff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin-top:1.5em; } .featured p{ font-size:1.8em; font-weight:400; color:#ffffff; font-family: 'Open Sans', sans-serif; width: 50%; line-height: 1.5em; margin: 1em 0em; } .featured h4{ font-size:2.4em; font-weight:700; color:#ffffff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .featured h5{ font-size:1.7em; font-weight:400; color:#ffffff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 1em 0em; } .featured-video { margin: 4em 2em; } .featured-video-1{ width:33%; float:left; text-align:right; margin-right: 3em; } .featured-video-2{ width:50%; float:left; text-align: left; } .featured-video-2 h3{ font-size:3em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .featured-video-2 p{ font-size:2.2em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; margin-bottom: 2em; } .featured-video-3{ text-align:center; position:relative; } a.play-icon span { width: 150px; height: 150px; display: inline-block; background: url(../images/play-icon.png) no-repeat 0px 0px; position: absolute; top: 258em; right: 52em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .blogs-1{ width:33%; float:left; text-align:right; margin-right: 3em; } .blogs-2{ width:50%; float:left; text-align: left; } .blogs-2 h3{ font-size:3em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .blogs-2 p{ font-size:2.2em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; } .blogs-lefticon { width:10%; float:left; margin-right: 0.5em; } .blogs-leftdata { width:75%; float:left; } .blogs-leftdata h4{ font-size:2.2em; font-weight:700; color:#555555; font-family: 'Open Sans', sans-serif; } i.pad{ width: 50px; height: 50px; background: url(../images/img-sprite.png)no-repeat 6px 3px; display: inline-block; vertical-align: middle; margin-top: 1.7em; } .blogs-leftdata p{ font-size:1.4em; font-weight:400; color:#555555; font-family: 'Open Sans', sans-serif; line-height: 1.5em; margin: 1em 0em; } .blogs-leftdata a{ background:#FFA500; color:#fff; text-decoration:none; text-transform:uppercase; font-size:20px; font-weight:600; font-family: 'Open Sans', sans-serif; padding:0.3em 1.5em; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; } .blogs-leftdata a:hover{ background:#6A0292; color:#ffffff; } .blogs-sed img { border: 10px solid #E6E6E6; } .blogs-sed img:hover { border: 10px solid #F6AB15; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .blogs-sed1 img { border: 10px solid #E6E6E6; } .blogs-sed1 img:hover { border: 10px solid #F6AB15; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .blogs-sed1{ margin: 3em 0em; } .blogs-sed{ margin: 3em 0em; } .footer{ background: #FFA500; margin-top: 2em; } .footer-nav{ float: left; } .footer-nav ul{ margin:0; padding:0; } .footer-nav ul li{ display:inline-block; } .footer-nav ul li a{ color:#fff; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:700; padding:1.8em 1.5em; display:block; text-transform:uppercase; } .footer-nav ul li a:hover{ color:#454545; } .bottom{ float:right; margin-top: 1em; } .bottom p{ color:#ffffff; font-size: 1.2em; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-top: 0.4em; } .bottom a{ color:#ffffff; font-size: 1em; font-family: 'Open Sans', sans-serif; font-weight: 400; text-decoration: none; } .bottom a:hover{ color:#555555; } #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 48px; height: 48px; border: none; text-indent: 100%; background: url(../images/arrow.1.png) no-repeat 0px 0px; } #toTop:hover{ outline: none; } /*--responsive design--*/ @media (max-width:1366px){ a.play-icon span { top: 259em; right: 42em; } } /*--responsive design--*/ @media (max-width:1280px){ a.play-icon span { top: 258em; right: 39em; } } /*--responsive design--*/ @media (max-width:1024px){ .search-box { width: 22%; } .header-nav ul li a { padding: 1.3em 1em; } .locations-3 { width: 24%; text-align: right; } .locations-2 { width: 46%; text-align: left; } .locations-2 p { font-size: 1.9em; } .locations-1 { width: 24%; } .dropdown-button { margin-left: 146px; width: 67%; } .life-2 p { font-size: 1.9em; } .integer-2 p { font-size: 1.9em; } .featured-video-2 p { font-size: 1.9em; } .blogs-2 p { font-size: 1.9em; } .blogs-sed img { margin-top: 3em; } .blogs-sed1 img { margin-top: 3em; } a.play-icon span { top: 250em; right: 30em; } .banner { min-height: 530px; } .banner-info { margin-top: 9em; } } /*--responsive design--*/ @media (max-width:768px){ .header-nav ul li{ display:block; float:none; } .header-nav ul li a { padding: 1em 16em; } .header-nav ul li a{ border-right:none; border-bottom:1px solid #666; background:#2d2d2d; } .header-nav ul{ display:none; } .header-nav span.menu{ display:block; background:none; margin-top: 1.3em; } .header-nav span.menu:before{ content:url(../images/menu.png)no-repeat 0px 0px; color:#FFF; font-size:1.3em; text-transform:uppercase; text-align:right; cursor:pointer; } .header-nav{ background:none; } .box { float: left; margin-left: -10em; } .banner { min-height: 450px; } .banner-info { margin-top: 8em; } .banner-info h2 { font-size: 2.3em; } .banner-info p { font-size: 1.4em; margin: 1em; } .locations-1 { width:100%; float:none; text-align: center; margin-right:0em; } .locations-2 { width:100%; float:none; text-align: center; margin: 2em 0em; } .locations-2 h2 { font-size: 2.2em; } .locations-2 p { font-size: 1.7em; } .locations-3 { width:100%; float:none; text-align: center; } .interest-info h3 { font-size: 2.2em; } .dropdown-button { margin-left: 110px; } .interest { min-height: 400px; } .life-1 { width:100%; float: none; text-align: center; margin-right: 0em; } .life-2 { width: 100%; float: none; text-align: center; margin: 2em 0em; } .life-2 h3 { font-size: 2.2em; } .life-2 p { font-size: 1.7em; } .life h4 { font-size: 2em; padding: 1em 1em; text-align:left; } .life h5 { font-size: 2em; padding: 1em 1em; text-align: right; } .life { margin: 2em 0em; } .integer { margin: 2em 0em; } .integer-1 { width:100%; float:none; text-align: center; margin-right: 0em; } .integer-2 { width: 100%; float: none; text-align: center; margin: 2em 0em; } .integer-2 h3 { font-size: 2.2em; } .integer-2 p { font-size: 1.7em; } .integer h4 { font-size: 2em; text-align:left; padding: 1em 1em; } .integer h5 { font-size: 2em; padding: 1em 1em; text-align: right; } .integer h6 { font-size: 2em; padding: 1em 1em; text-align: left; } .locations { margin: 2em 0em; } .interest-info { margin: 4em 0em; } .featured-video { margin: 4em 0em; } .featured h3 { font-size: 2.2em; margin: 1em 1em; } .featured p { font-size: 1.5em; margin: 1em 1em; } .featured h4 { font-size: 2em; margin: 0em 1em; } .featured h5 { font-size: 1.5em; margin: 1em 1em; } .featured-info { min-height: 500px; } .featured-video-2 h3 { font-size: 2.2em; } .featured-video-2 p { font-size: 1.7em; } .featured-video-1 { width:100%; float: none; text-align: center; margin-right: 0em; } .featured-video-2 { width: 100%; float:none; text-align: center; } .blogs-1 { width:100%; float: none; text-align: center; margin-right: 0em; } .blogs-2 { width: 100%; float: none; text-align: center; } .blogs-2 p { font-size: 1.7em; } .blogs-sed { margin: 1em 0em; } .blogs-sed1{ margin: 1em 0em; } a.play-icon span { width: 120px; height: 120px; display: inline-block; background: url(../images/play-icon.png) no-repeat 0px 0px; position: absolute; top: 249em; right: 22em; background-size: 90%; } .blogs-2 h3 { font-size: 2.2em; } .search-box { width: 40%; margin: 0.8em 14em 0.8em; } } /*--responsive design--*/ @media (max-width:640px){ .logo h1 a { font-size: 0.7em; } .box { margin-left: -3em; } .search-box { margin: 0.8em 8em 0.8em; } .header-nav ul li a { padding: 1em 17em; font-size: 1em; } .banner { min-height: 360px; } .banner-info { margin-top: 5em; } .banner-info h2 { font-size: 2.1em; } .banner-info p { font-size: 1.3em; } .banner-info a { font-size: 20px; } .locations { margin: 1em 0em; } .locations-2 h2 { font-size: 2em; } .locations-2 p { font-size: 1.5em; } .locations-3 a { font-size: 18px; margin-top: 0em; } .interest-info { margin: 1em 0em; } .interest-info h3 { font-size: 2em; } .dropdown-button { margin-left: 94px; } .flat .selected, .flat li { font-size: 1.5em; } input[type="submit"] { font-size: 18px; } .search-box form input[type="submit"] { right: -52px; bottom: -7px; } .life-2 h3 { font-size: 2em; } .life-2 p { font-size: 1.5em; margin-bottom:1em; } .interest { min-height: 350px; } .life h4 { font-size: 1.6em; } .life h5 { font-size: 1.6em; } .integer-2 h3 { font-size: 2em; } .integer-2 p { font-size: 1.5em; } .integer h4 { font-size: 1.6em; } .integer h5 { font-size: 1.6em; } .integer h6 { font-size: 1.6em; } .featured h3 { font-size: 2em; } .featured p { font-size: 1.3em; } .featured h4 { font-size: 1.7em; } .featured h5 { font-size: 1.4em; } .featured-info { min-height: 440px; } .flex-control-nav { bottom: 22px; } .featured-video-2 h3 { font-size: 2em; } .featured-video-2 p { font-size: 1.5em; } .blogs-2 h3 { font-size: 2em; } a.play-icon span { width: 100px; height: 100px; top: 214em; right: 18.5em; } .blogs-2 p { font-size: 1.5em; } .blogs-leftdata h4 { font-size: 1.8em; } .blogs-leftdata p { font-size: 1.2em; } .blogs-leftdata a { font-size: 17px; } .footer-nav ul li a { padding: 1em 1em; } .bottom p { margin-top: 0em; } .header { padding: 0em 0 1em; } } /*--responsive design--*/ @media (max-width:480px){ .logo h1 a { font-size: 0.6em; } .box { margin-right: 3em; float: right; } .search-box { margin: 0.8em 6em 0.8em; width: 40%; } .search-box form input[type="submit"] { right: -45px; bottom: -2px; } .header-nav ul li a { padding: 1em 12em; font-size: 1em; } .banner { min-height: 270px; } .banner-info h2 { font-size: 1.5em; } .banner-info { margin-top: 4em; } .banner-info p { font-size: 1.1em; } .banner-info a { font-size: 17px; } .locations-2 h2 { font-size: 1.4em; } .locations-2 p { font-size: 1.2em; } .locations-3 a { font-size: 15px; padding: 0.8em 0.8em; } .interest-info h3 { font-size: 1.4em; } .dropdown-button { margin-left: 72px; } input[type="submit"] { font-size: 16px; margin-top: 1em; } .flat .selected, .flat li { font-size: 1.2em; } .interest { min-height: 270px; } .life-2 h3 { font-size: 1.4em; } .life-2 p { font-size: 1.2em; } .flat .selected::after{ background:url(../images/img-sprite.png) no-repeat -164px 0px; } .flat:hover .selected::after, .flat.focus .selected::after{ background:url(../images/img-sprite.png) no-repeat -164px 0px; } .life h4 { font-size: 1.3em; } .life h5 { font-size: 1.3em; } .integer-2 h3 { font-size: 1.4em; } .integer-2 p { font-size: 1.2em; } .integer h4 { font-size: 1.3em; } .integer h5 { font-size: 1.3em; } .integer h6 { font-size: 1.3em; } .featured h3 { font-size: 1.4em; } .featured p { font-size: 1.1em; } .featured h4 { font-size: 1.3em; } .featured h5 { font-size: 1.2em; } .featured-info { min-height: 380px; } .featured-video-2 h3 { font-size: 1.4em; } .featured-video-2 p { font-size: 1.2em; } a.play-icon span { width: 80px; height: 80px; top: 176em; right: 13.8em; } .blogs-2 h3 { font-size: 1.4em; } .blogs-2 p { font-size: 1.2em; } .blogs-leftdata h4 { font-size: 1.3em; } .blogs-leftdata p { font-size: 1.1em; } i.pad { margin-top: 0.5em; } .blogs-lefticon { margin-right: 1em; } .blogs-leftdata a { font-size: 16px; } .locations-1 img { width: 20%; } .life-1 img { width: 20%; } .integer-1 img { width: 20%; } .featured-video-1 img { width: 20%; } .blogs-1 img { width: 20%; } .header { padding: 0em 0 1em; } } /*--responsive design--*/ @media (max-width:320px){ .logo h1 a { font-size: 0.5em; } .box a { font-size: 13px; padding: 0.3em 0.5em; } .search-box form input[type="text"] { padding: 0.5em 0.5em } .search-box form input[type="submit"] { right: -47px; bottom: -7px; } .search-box { margin: 0.8em 3em 0.8em; } .box { float: right; margin-right: 3em; margin-top: 1.3em; } .header-nav ul li a { padding: 1em 7em; } .header-nav ul li a { font-size: 0.875em; } .banner-info h2 { font-size: 1.2em; } .banner-info p { font-size: 0.875em; } .banner-info { margin-top: 3em; } .banner-info a { font-size: 14px; } .banner { min-height: 220px; } .locations-2 h2 { font-size: 1.2em; } .locations-2 p { font-size: 1.1em; } .locations-3 a { font-size: 13px; } .interest-info h3 { font-size: 1.2em; } .dropdown-button { margin-left: 18px; width: 85%; } .flat li { font-size: 1em; } .flat .selected::after{ background:url(../images/img-sprite.png) no-repeat -164px -1px; } .flat:hover .selected::after, .flat.focus .selected::after{ background:url(../images/img-sprite.png) no-repeat -164px -1px; } input[type="submit"] { font-size: 13px; } .life-2 h3 { font-size: 1.2em; } .life-2 p { font-size: 1.1em; } .interest { min-height: 250px; } .life h4 { font-size: 1em; } .life h5 { font-size: 1em; } .integer-2 h3 { font-size: 1.2em; } .integer-2 p { font-size: 1.1em; } .integer h4 { font-size: 1em; } .integer h5 { font-size: 1em; } .integer h6 { font-size: 1em; } .featured h3 { font-size: 1.2em; margin: 1em 0em; } .featured p { font-size: 0.950em; width:100%; margin: 1em 0em; } .featured h4 { font-size: 1.2em; margin: 0em 0em; } .featured h5 { font-size: 1.1em; margin: 1em 0em; } .featured-info { min-height: 290px; } .flex-control-nav { bottom: 12px; } .featured-video-2 h3 { font-size: 1.2em; } .featured-video-2 p { font-size: 1.1em; } .blogs-2 h3 { font-size: 1.2em; } .blogs-2 p { font-size: 1.1em; } .blogs-lefticon { margin-right: 2em; } .footer-nav ul li a { padding: 1em 0.4em; font-size:12px } .bottom p { font-size: 1.1em; } .search-box form input[type="submit"] { right: -31px; bottom: -1px; } a.play-icon span { width: 60px; height: 60px; top: 147em; right: 8.7em; } .header-nav span.menu { margin-top: 0.8em; } .bottom { float: none; margin-top: 1em; text-align: center; } .header{ padding:0em 0 1em; } }